<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>通知公告与课程信息页面</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: space-around;
            margin: 0;
            padding: 20px;
            background-color: #f0f0f0;
        }
        .container {
            background-color: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            width: 45%;
        }
        h2 {
            color: #333;
        }
        .content {
            margin-top: 20px;
            /* 使用伪元素模拟星号边框 */
            position: relative;
            padding: 20px;
        }
        .content::before, .content::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            height: 1px;
            background-color: #ccc;
        }
        .content::before {
            top: 0;
        }
        .content::after {
            bottom: 0;
        }
        /* 模拟中间的星号，这里用简单的样式代替 */
        .content::after {
            content: '...'; /* 用省略号代替中间的星号，实际可以根据需求调整 */
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            height: auto;
            width: auto;
            background-color: transparent;
            font-size: 24px;
            color: #ccc;
        }

    </style>
</head>
<body>
<div class="container">
    <h2>通知公告</h2>
    <div class="content">
        <p>各位同学请注意，本学期课程选课系统将于9月10日24:00关闭，请尚未完成选课或调整课程的同学及时登录教务系统操作。<br>
            另提醒，公共选修课《跨文化交流技巧》《国际传播理论与务实》等课程名额已满，部分课程如《新媒体技术与应用》《网页设计与开发》仍有余量，请根据个人学业规划合理选择。课程最终确认后，请务必核对课表并下载电子版存档。</p>

    </div>
</div>
<div class="container">
    <h2>课程信息</h2>
    <div class="content">

        <p>本学期新增多门专业课程，涵盖技术与人文领域。<br>
            其中，《影视后期制作技术》《数字媒体艺术设计》等课程（分类标注为“礼”“景”）侧重实践技能培养；《数据分析与可视化》《人力资源管理》等（标注“亲”“智”）聚焦理论与应用结合；《国际传播理论与务实》《新闻传播理论与法规》（标注“巨”）则强化行业规范与跨学科视野。具体课程大纲及考核方式已同步至教务系统，请同学们及时查阅并做好学习准备。</p>

    </div>
</div>
</body>
</html>
